<template>
    <div id="mylightspot">
        <div class="mylightspot-top">
            <div class="mylightspot-mylightspot">
                <img src="https://static.zhihu.com/heifetz/assets/title_all_rights.8d2b2f06.png" alt="">
            </div>
        </div>

        <div class="mylightspot-b">
            <div class="div1">
                <ul>
                    <li>官方认证<span class="coloreee">名称获得唯一保护</span></li>
                    <li>营销插件<span class="coloreee">内容带货轻松转化</span></li>
                    <li>数据工具<span class="coloreee">运营成果直观展示</span></li>
                    <li>在线峰会<span class="coloreee">行业实力深度展现</span></li>
                </ul>
            </div>
            <div class="div2">
                 <ul>
                    <li>内容置顶<span class="coloreee">优质内容私域管理</span></li>
                    <li>推广工具<span class="coloreee">高效触达目标用户</span></li>
                    <li>定时发布<span class="coloreee">峰值发布更多曝光</span></li>
                    <li>主持专题<span class="coloreee">提升站内影响力</span></li>
                </ul>
            </div>
            <div class="div3">
                 <ul>
                    <li>评论管理<span class="coloreee">掌握舆情有效控场</span></li>
                    <li>品牌营销<span class="coloreee">积累品牌认知资产</span></li>
                    <li>问题推荐<span class="coloreee">轻松玩转知乎问答</span></li>
                    <li>搜索结果优先<span class="coloreee">高效达成 SEO</span></li>
                </ul>
            </div>
            <div class="div4">
                 <ul>
                    <li>官方认证<span class="coloreee">名称获得唯一保护</span></li>
                    <li>营销插件<span class="coloreee">内容带货轻松转化</span></li>
                    <li>数据工具<span class="coloreee">运营成果直观展示</span></li>
                    <li>在线峰会<span class="coloreee">行业实力深度展现</span></li>
                </ul>
            </div>
        </div>

      

    </div>
</template>

<script>
export default {
    name: 'mylightspot',
    data() {
        return {

        };
    },
    created() {
    },
    methods: {

    },
    //组件挂载
    components: {},
    //计算属性
    computed: {},
    //过滤器
    filters: {},
};
</script>

<style lang="scss" scoped>
#mylightspot{
    width: 100%;
    height: 440px;
    .mylightspot-top{
        width: 1000px;
        height: 64px;
        text-align: center;
        margin: 40px auto;
        img{
            width:178px ;
            height: 64px;
        }
    }
    .mylightspot-b{
        width: 1000px;
        height:314px ;
        margin: 0 auto;
       ul{
           width: 230px;
               margin-left: 20px;

           float: left;
           li{
               width: 100%;
               margin-bottom: 44px;
               list-style-type: disc;
               list-style-position: inside;
                .coloreee{
                    color: #aaa;
                }
           }
           }
    }
   
}

</style>
